﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="YourGigiti.aspx.vb" Inherits="YourGigiti1" %>

<%@ Register Src="~/UserCuntrols/footer.ascx" TagName="footer" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Your Gigiti</title>
    <link href="App_Themes/myTheme/myTheme.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
    Claim = function(_ID,_PopUp){
        Close();
        if(_PopUp == 0){
            $('<%=hidClaimID.ClientID %>').value = _ID;
            $('<%=btnClaim.ClientID %>').click();
        }
        else
        {
            $('ifModal').src = '<%=ResolveUrl("~/mugorpen.aspx") %>?_ID='+_ID;
            $('ifModal').style.height = "100px";
            $('progressBackgroundFilter').style.display="";
            $('progressBackgroundNotFilter').style.display = "";
            $('progressBackgroundNotFilter').style.height = "100px";
        }
    };
    Select = function(_Type,_ID){
        Close();
        $('<%=hidClaimID.ClientID %>').value = _ID;
        $('<%=btnClaim.ClientID %>').click();
    };
    Close = function(){
        $('progressBackgroundFilter').style.display="none";
        $('progressBackgroundNotFilter').style.display = "none";
    };
    Profile = function(_ID,_PopUp){
        var total = <%=total %>
        if(total > _ID){
            $('ifModal').src = '<%=ResolveUrl("~/Profile.aspx") %>?_ID='+_ID+'&_PopUp='+_PopUp;
            $('ifModal').style.height = "320px";
            $('progressBackgroundFilter').style.display="";
            $('progressBackgroundNotFilter').style.display = "";
            $('progressBackgroundNotFilter').style.height = "320px";
        }
    };
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr height="129">
            <td align="center" style="background-image: url('images/GigitiMainSearchBG.jpg');
                background-position: center; background-repeat: no-repeat;cursor:pointer;" onclick="javascript:window.location.href='Default.aspx'">
                <a href="Default.aspx">
                    <div title="Gigiti" style="cursor: pointer; width: 120px; height: 90px; position: absolute;
                        top: 15px;">
                    </div>
                </a>
                <br />
                <br />
                <br />
                <span class="style3">Your Gigiti</span>
                <br />
                <span class="style4" style="padding-left:50px;">See how close you stand to your prize!</span>
            </td>
        </tr>
        <tr>
            <td style="min-height: 200px;" align="center">
                <div class="widthStyle">
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td style="height: 255px; width:200px;">
                                <div class="style1" style="background-image: url('images/yourGigitiShadowSquare.jpg'); background-repeat:no-repeat; width:227px; height:230px; padding:40px 15px 0px;">
                                    <b>To earn <span class="style2">POINTS</span> and <span class="style2">PRIZES</span>
                                        all you need to do is:</b><br />
                                    <br />
                                    1 point for every comment<br />
                                    10 points for every person you refer (coming soon)<br />
                                    1 point for every five searches
                                    <br />
                                    <br />
                                    <span class="style6">Please allow 4 to 8 weeks for delivery</span></div>
                            </td>
                            <td style="width:80%;" align="left">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tr>
                                            <td align="right" width="200">
                                                <span class="style4">Your Points</span>
                                            </td>
                                            <td width="170" valign="middle">
                                                <div style="background-image: url('images/YourGigitiBall.jpg'); background-position: center;
                                                    background-repeat: no-repeat; height: 94px; width: 170px; padding-top:62px;" align="center">
                                                    <span class="style4"><asp:Literal ID="litTotalPoints" runat="server">0</asp:Literal></span>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="style4"><asp:Literal ID="litUsername" runat="server">Guest</asp:Literal></span>
                                            </td>
                                        </tr>
                                    </table>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                               <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="width:20px;"><img src="images/shadowTopLeft.jpg" alt="your gigiti" width="20" height="22" /></td>
                                        <td><img src="images/shadowTop.jpg" alt="your gigiti" width="100%" height="22" /></td>
                                        <td style="width:20px;"><img src="images/shadowTopRight.jpg" alt="your gigiti" width="20" height="22" /></td>
                                    </tr>
                                    <tr>
                                        <td style="width:20px; background-image:url('images/shadowLeft.jpg'); background-repeat:repeat-y;"></td>
                                        <td style="height:200px;" valign="top">
                                                <div style="float: left; width:165px; padding-left:5px;">
                                                    <span class="style7">
                                                        <br />
                                                        Progression of Prizes:
                                                        <br />
                                                    </span><span class="style9">(mouse-over prize for
                                                        <br />
                                                        more info) </span>
                                                </div>
                                                <div style="float: right;" align="center">
                                                    <asp:Literal ID="litPrizes" runat="server"></asp:Literal>

                                                    <script src="Javascript/boxover.js" type="text/javascript"></script>

                                                    <asp:Button ID="btnClaim" runat="server" Text="Button" Style="display: none;" />
                                                    <asp:HiddenField ID="hidClaimID" runat="server" />
                                                </div>
                                        </td>
                                        <td style="width:20px; background-image:url('images/shadowRight.jpg'); background-repeat:repeat-y;"></td>
                                    </tr>
                                    <tr>
                                        <td style="width:20px;"><img src="images/shadowBotLeft.jpg" alt="your gigiti" width="20" height="22" /></td>
                                        <td><img src="images/shadowBot.jpg" alt="your gigiti" width="100%" height="22" /></td>
                                        <td style="width:20px;"><img src="images/shadowBotRight.jpg" alt="your gigiti" width="20" height="22" /></td>
                                    </tr>
                                </table>
                                
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
        <tr height="50">
            <td align="center">
                <uc1:footer ID="footer1" runat="server" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
